<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>02-TodoList</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id="app">
		<input type="text" v-model="inputValue">
		<button v-on:click="handleBtnClick">提交</button>	
		<ul>
			<li v-for="item in list">{{item}}</li>	
		</ul>
	</div>
</body>
<script>
var app=new Vue({
	el:'#app',
	data:{
		list:[],
		inputValue:''
	},
	methods:{
		handleBtnClick:function(){
			this.list.push(this.inputValue)
			this.inputValue='';
		}
	}
})
</script>
</html>